<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字加粗与倾斜</title>
    <style>
        .p1{
            /* 100-900 */
            /* 100细体 lighter
            400正常 normal
            700加粗 bold
            900 更粗体 bolder*/
            /* font-weight:900 ; */
            font-weight: bolder;
        }
        h1{
             font-weight: normal;
        }
        .p2{
            /* italic 倾斜
            oblique 更倾斜
            normal 正常 */
            font-style:italic;
        }
    </style>
</head>
<body>
    <p class="p1">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas beatae nisi hic quisquam odit? Dignissimos assumenda id neque similique, facere sint sequi nihil, nesciunt odio repellat, expedita dolores tenetur labore.
    </p>
    <p class="p2">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Distinctio omnis, eveniet sequi blanditiis est consectetur a minus adipisci, eum ipsa amet veritatis quae! Alias veniam quisquam eveniet officia! At, cupiditate?
    </p>
    <h1>我是标题</h1>
</body>
</html>